.pages-comp-paymentpicker {
  .sp-cell {
    padding: 30px 16px;
  }

  .payment-picker {
    text-align: left;
    &__hd {
      background: #fff;
      height: 95px;
      line-height: 95px;
      font-size: $font-size-large;
      padding: 0 40px;
      position: relative;
      font-weight: bold;
      @include hairline();
      .iconfont {
        font-size: 30px;
        color: #555;
        position: absolute;
        right: 20px;
        top: 0;
        margin-top: -15px;
      }
    }
    &__bd {
      // min-height: 340px;
      padding: 0px;
    }
    .payment-item {
      display: flex;
      align-items: center;
      align-content: center;
      padding: 28px 0;
      margin: 0 40px;
      @include hairline();
      &.no-border {
        &:after {
          border: none;
        }
      }
      &.is-disabled {
        opacity: 0.6;
      }
      &__bd {
        flex: 1;
      }
      &__title {
        display: block;
        font-weight: bold;
        // margin: 0 0 20px;
        margin: 0px;
        line-height: 1;
      }
      &__desc {
        line-height: 1;
        word-break: break-all;
      }
    }

    .btn-submit {
      width: 100%;
      border-radius: 0;
      background: var(--color-primary);
      border: var(--color-primary);
      position: fixed;
      bottom: 0;
      left: 0;
      &::after {
        content: none;
      }
    }
  }
}
